<template>
	<section id="smallVideo">
		<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
		  <div class="smallVideoBox">
		  	<div class="smallVideo_list">
		  		<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
		  	</div>
		  	<div class="smallVideo_list">
		  		<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto" ></video>
		  	</div>
		  	<div class="smallVideo_list">
		  		<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
		  	</div>
		  	<div class="smallVideo_list">
		  		<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
		  	</div>
		  	<div class="smallVideo_list">
		  		<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
		  	</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
			<div class="smallVideo_list">
				<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
			</div>
		  </div>
		</van-pull-refresh>
	</section>
</template>

<script>
	export default {
		data() {
			return {
				isLoading: false
			};
		},
		components: {
		},
		methods: {
			// 下拉刷新
			onRefresh() {
			  setTimeout(() => {
				this.$toast('刷新成功');
				this.isLoading = false;
			  }, 500);
			}
		},
		mounted() {
			// 这里要进行请求把导航循环出来 ，然后根据传过来的id进行导航切换内容，目前用静态
		},
		computed: {

		}
	};
</script>
<style scoped lang="scss">
	@import "@/asserts/styles/smallVideo/smallVideo.scss";
</style>
